<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程详情</title>
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" href="../css/courseDesc.css">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
</head>
<body>
    <div id="container">
        <div class="top">
            <div class="icon_box">
                <div>视频教学网</div>
                <div>www.videostudy.com</div>
            </div>
            <!--<div>
                <form class="layui-form" action="">
                    <input type="text" placeholder="搜索感兴趣的课程" id="search_input" autocomplete="off">
                    <button lay-submit lay-filter="formDemo" id="search_btn">
                        <i class="layui-icon">&#xe615;</i>
                    </button>
                </form>
            </div>-->
            <div class="tip">
                <img src="../img/账号.svg" width="20px" height="20px" id="default_head"/>
                <span class="login_btn">登录 / 注册</span>
                <div class="person_box hide">
                    <img src="../img/douyin.png" id="head-img" >
                    <div style="width: 289px">
                        <div id="top_nickname"></div>
                        <div id="top_personal_signature">
                        </div>
                    </div>
                </div>
                <div id="sign_out" class="hide">注销</div>
            </div>
        </div>
        <div class="main">
            <div class="flex-between">
                <div class="flex-1">
                    <div id="course_title"><!--springboot2020最新教程--></div>
                    <span id="playtimes"></span><span>次播放</span><span style="margin-left: 20px" id="time"></span>
                    <div style="border: .5px solid rgba(0,0,0,.08);box-shadow: 0 0 10px 0 rgba(39,106,255,.13);">
                        <video id="video" src=""  controls="controls" width="700px" height="447px"></video>
                    </div>
                    <div class="util">
                        <div id="img_good"></div><span style="margin-left: 6px" id="course_likes"></span>
                        <div id="img_reserve"></div><span style="margin-left: 6px" id="course_reserves"></span>
                    </div>
                    <div>
                       <h2>课程介绍</h2>
                        <span id="course_desc"></span>
                        <h2>课程评论</h2>
                        <div id="send_comment">
                            <textarea placeholder="发条友善的评论" id="mycomment"></textarea>
                            <button type="button" id="send_btn" class="layui-btn layui-btn-normal">发送</button>
                        </div>
                        <div id="comments"></div>

                    </div>
                </div>
                <div class="flex-1 right_box">
                    <div class="comment_box" style="border-bottom: none">
                        <img src="../img/douyin.png" class="head-img" >
                        <div style="width: 289px">
                            <div id="nickname"></div>
                            <div style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis" id="personal_signature">

                            </div>
                        </div>
                    </div>
                    <div class="chapter_box">
                        <div>视频选集</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../layui/layui.js"></script>
    <script type="text/javascript" src="../js/courseDesc.js"></script>
</body>
</html>